<script setup>
// Placeholder for connector debugging tools
</script>

<template>
  <div class="p-3 space-y-2 text-sm">
    <div class="text-xs font-medium text-slate-600 dark:text-neutral-300">Connector Debugger</div>
    <div class="text-xs text-slate-500 dark:text-neutral-400">
      This is a placeholder panel for inspecting and debugging external connectors.
    </div>
    <div class="rounded border border-slate-200 dark:border-neutral-800 p-2 bg-white dark:bg-neutral-900">
      <div class="text-xs text-slate-400 dark:text-neutral-500">No connectors configured.</div>
    </div>
  </div>
</template>